<!DOCTYPE html>
<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
    <head>
        <title></title>
        <meta charset="utf-8">
        <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
     
        <link rel="stylesheet" href="css/ui-box.css">
        <link rel="stylesheet" href="css/ui-base.css">
        <link rel="stylesheet" href="css/ui-color.css">
        <link rel="stylesheet" href="css/appcan.icon.css">
        <link rel="stylesheet" href="css/appcan.control.css">
        <link rel="stylesheet" href="css/base.css">
        <link rel="stylesheet" href="css/media.css?v=12345">
        
        <style type="text/css">
        .se-img {
            background-image: url('./images/icon-search.png');
            background-size: 40%;
        }
        .ba-img{
            background-image: url('./images/icon-back.png');
            background-size: 45%;
        }
        .sc-border-tab {
        border-color: #00A1EA;
        }
        .ubt {
        border-top: 1px solid #00A1EA;
        }
        .sc-text-active {
        color: #00A1EA !important;
        }
    </style>
    </head>
    <body class="um-vp" ontouchstart style="background-color: white">
        <div id="page_0" class="up ub ub-ver bc-bg" tabindex="0" >
            <!--header开始-->
            <div id="header" class="uh bc-text-head ub bc-head">
                <div class="nav-btn nav-btn-left ba-img ub-img1" id="nav-left"></div>
                <h1 class="ut ub-f1 fs10 ut-s tx-c" tabindex="0">中转旅客汇总</h1>
                <div class="nav-btn se-img ub-img1" onclick="btn_search()" id="nav-right">
                    <!--按钮开始-->
                    
                    <!--按钮结束-->
                </div>
            </div>
            <!--header结束--><!--content开始-->
            <div id="content" class="ub-f1 tx-l">

            </div>
            <!--content结束-->
           <div id="tabview" class="uf sc-bg ubt sc-border-tab">
            
                   
               </div>
           </div> 
        </div>
        <script src="js/appcan.js"></script>
        <script src="js/appcan.control.js"></script>
        <script src="js/appcan.tab.js"></script>
    </body>
    <script>
        appcan.ready(function() {
            //var titHeight = $('#header').css('height');
            iP.openMultiPopover();
            
        });
        
        appcan.button(".nav-btn-left", "btn-act", function() {
           uexWidget.finishWidget('');
            
            
        });
        
         var curIndex;
         var iP = {};
         iP.openMultiPopover = function(){
         var titHeight = $('#header').offset().height;
        //alert(titHeight);
            appcan.frame.open({
                    id : 'content',
                    url : [{
                        'inPageName' : 'inland',
                        'inUrl' : 'inland_content.html',
                    }, {
                        'inPageName' : 'foreign',
                        'inUrl' : 'foreign_content.html',
                    },{
                        'inPageName' : 'luggage',
                        'inUrl' : 'luggage_content.html',
                    }, {
                        'inPageName' : 'transit',
                        'inUrl' : 'transit_content.html',
                    }],
                    top : titHeight,
                    left : 0,
                    index : 0,
                    change : function(index, res) {
                        
                        curIndex = res.multiPopSelectedIndex
                        
                        
                        tabview.moveTo(res.multiPopSelectedIndex);
                    }
                });
               }
            
            function btn_search() {
                
                //console.log(curIndex);
                uexWindow.publishChannelNotification('inland', 'seacrh('+curIndex+')');
                // uexWindow.evaluateMultiPopoverScript("root","content","inland","seacrh()");
             
            }
            var tabview = appcan.tab({
            selector : "#tabview",
            hasIcon : false,
            hasAnim : false,
            hasLabel : true,
            hasBadge : false,
            data : [{
              label : "联程国内"
            },{
              label : "联程国外"  
            },{
              label : '中转值机率'  
            },{
              label : '中转行李统计'    
            }]
        });
        tabview.on("click",function(obj, index){ /*TAB变更时切换多浮动窗口*/
            appcan.window.selectMultiPopover("content",index);
            curIndex = index;
            //alert("133"+'--->'+curIndex);
            
        })
        
        
    </script>
</html>